layui.use(['form', 'layer', 'table', 'dropdown', 'laydate'], function () {
    const form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        table = layui.table,
        laydate = layui.laydate,
        dropdown = layui.dropdown;

    //左侧菜单点击事件，其中 docDemoMenu1 对应的是菜单结构上的 id 指
    dropdown.on('click(docDemoMenu1)', function (options) {
        var othis = $(this); //当前菜单列表的 DOM 对象
        console.log(options); //菜单列表的 lay-options 中的参数
        switch (options.id) {
            case 1:
                window.location.href = "tool01.html";
                break;
            case 2:
                window.location.href = "tool02.html";
                break;
            case 3:
                window.location.href = "tool03.html";
                break;
            case 4:
                window.location.href = "tool04.html";
                break;
            case 5:
                window.location.href = "tool05.html";
                break;
        }
    });

    //请选择开始日期
    laydate.render({
        elem: '.startDay',
        format: 'yyyy-MM-dd',
        trigger: 'click',
        max: 0,
        mark: {"0-1-1": "元旦"},
        done: function (value, date) {
            if (date.month === 1 && date.date === 1) { //点击每年12月15日，弹出提示语
                layer.msg('今天是元旦，新年快乐！');
            }
        }
    });

    //请选择截止日期
    laydate.render({
        elem: '.endDay',
        format: 'yyyy-MM-dd',
        trigger: 'click',
        max: 0,
        mark: {"0-1-1": "元旦"},
        done: function (value, date) {
            if (date.month === 1 && date.date === 1) { //点击每年12月15日，弹出提示语
                layer.msg('今天是元旦，新年快乐！');
            }
        }
    });
    //校验日期
    form.verify({
        startDay: function (value) {
            if (new Date(value) >= new Date($(".endDay").val())) {
                return "起始日期需小于截止日期！";
            }
        }
    })

    //列表
    const tableIns = table.render({
        elem: '#list',
        url: $.cookie("tempUrl") + 'umsmemberdoctor/findUmsMemberDoctorVOByPage',
        where: {doctorId: $.cookie("doctorId")},
        method: "POST",
        request: {
            pageName: 'pageNum' //页码的参数名称，默认：page
            , limitName: 'pageSize' //每页数据量的参数名，默认：limit
        },
        response: {
            statusName: 'code' //数据状态的字段名称，默认：code
            , statusCode: 200 //成功的状态码，默认：0
            , msgName: 'msg' //状态信息的字段名称，默认：msg
            // , countName: 'totalElements' //数据总数的字段名称，默认：count
            , dataName: 'data' //数据列表的字段名称，默认：data
        },
        parseData: function (res) { //res 即为原始返回的数据
            return {
                "code": res.code, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.data.count, //解析数据长度
                "data": res.data.dataList //解析数据列表
            };
        },
        cellMinWidth: 95,
        page: true,
        height: "full-25",
        limits: [5, 10, 15, 20, 25],
        limit: 15,
        id: "dataTable",
        // toolbar: '#toolbarDemo',
        defaultToolbar: [],
        cols: [[
            {field: 'name', title: '患者姓名', minWidth: 90, align: 'center'},
            {
                field: 'type', title: '患者类型', minWidth: 200, align: "center", templet: function (d) {
                    return '我的患者';
                }
            },
            {
                field: 'time', title: '问诊时间', minWidth: 200, align: "center", templet: function (d) {
                    return d.time;
                }
            },
            {
                field: 'bq', title: '患者标签', minWidth: 90, align: 'center', templet: function (d) {
                    if (d.bq === "" || d.bq == null) {
                        return '无';
                    }
                    return '有';
                }
            },
            {title: '操作', minWidth: 90, templet: '#userListBar', fixed: "right", align: "center"}
        ]]
    });

    //点击数据排行按钮事件
    $(".look_data").click(function () {
        var index = layui.layer.open({
            title: "数据排行",
            maxmin: false, //开启最大化最小化按钮
            area: ["700px", "500px"],
            type: 2,
            content: "articleAdd.html",
            shadeClose: true,
            success: function (layero, index) {
            }
        })
    });

    //点击查询按钮
    form.on("submit(search_btn)", function (data) {
        console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}

        table.reload("dataTable", {
            where: {
                doctorId: $.cookie("doctorId"),
                name: $(".searchVal").val(),
                time: $(".startDay").val()
            },
        });

        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });

    //列表操作
    table.on('tool(test)', function (obj) {
        const layEvent = obj.event,
            data = obj.data;
        let index;
        switch (layEvent) {
            case 'look'://查看详情
                $.cookie('tempId', data.memberId, {path: '/'});
                index = layui.layer.open({
                    title: "患者详情",
                    type: 2,
                    // maxmin: true, //开启最大化最小化按钮
                    area: ["700px", "500px"],
                    content: "tool03Info.html",
                    // shadeClose: true,
                    success: function (layero, index) {
                    }
                });
                layui.layer.full(index);
                window.sessionStorage.setItem("index", index);
                //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
                $(window).on("resize", function () {
                    layui.layer.full(window.sessionStorage.getItem("index"));
                });
                break;
        }
    });
});
